@charset 'UTF-8';

.container {
    width: 1200px;
    margin: 0 auto;
}



@media screen and (min-width:1000px) {
    .news_warp {
        .main_pic_b {
            .container {
                padding-left: 0;
                padding-right: 0;

                .cons {
                    .title {
                        h2 {
                            font-size: 26px;
                            margin-top: 50px;
                            margin-bottom: 0;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                        }
                    }

                    .con {
                        overflow: hidden;
                        padding: 50px 0;

                        .nav {
                            width: 432px;
                            float: right;


                            .nav1 {

                                cursor: pointer;

                                &:hover .box {
                                    border-color: #2b43a7;
                                }

                                &:hover h2,
                                span {
                                    color: #2b43a7;
                                }

                                >div {

                                    a {
                                        text-decoration: none;
                                        color: #000;

                                        // color: #2b42a7;
                                        .box {
                                            border: 3px solid #ecedee;
                                            display: block;
                                            padding: 10px 20px;
                                            margin-bottom: 10px;

                                            &:nth-child(3) {
                                                margin-bottom: 0;
                                            }

                                            h2 {
                                                font-size: 16px;
                                                text-overflow: ellipsis;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                margin-top: 0;
                                                margin-bottom: 0;

                                            }


                                            p {
                                                overflow: hidden;
                                                text-overflow: -o-ellipsis-lastline;
                                                text-overflow: ellipsis;
                                                display: -webkit-box;
                                                -webkit-line-clamp: 2;
                                                line-clamp: 2;
                                                -webkit-box-orient: vertical;
                                                margin-bottom: 0;
                                                margin-top: 10px;
                                            }
                                        }

                                    }
                                }
                            }

                            .action {
                                // background-color: #2b42a7;

                                span {
                                    a {
                                        color: #fff;
                                    }
                                }

                            }
                        }

                        .centent {
                            float: left;
                            // width: 400px;
                            // height: 404px;
                            margin-top: -1px;
                            // height: 100%;
                            // overflow: hidden;

                            .con1 {
                                display: none;
                                // overflow: hidden;
                                // height: 100%;

                                .box2 {

                                    a {
                                        position: relative;
                                        overflow: hidden;

                                        &:hover img {
                                            transition: 0.8s all ease;
                                            transform: scale(1.05);
                                            // overflow: hidden;
                                        }

                                        img {
                                            width: 700px;
                                            height: 359px;
                                            // height: 100%;
                                            position: absolute;
                                            // width: 100%;
                                            // height: 100%;
                                            object-fit: cover;
                                        }
                                    }
                                }
                            }

                            .show {
                                display: none;
                            }
                        }

                    }
                }
            }
        }

        .news {
            .container {
                .cons {
                    ul {
                        a {
                            text-decoration: none;
                        }

                        li {
                            overflow: hidden;
                            visibility: visible;
                            animation-duration: 1s;
                            animation-delay: 0s;
                            animation-name: fadeInUp;
                            padding: 45px 0;
                            border-bottom: 1px solid #ddd;

                            .left {
                                float: left;

                                a {
                                    img {
                                        width: 100%;
                                        height: 260px;
                                    }
                                }

                            }

                            .right {
                                float: right;

                                .con {
                                    a {
                                        h4 {
                                            color: #024199;
                                            margin-bottom: 5px;
                                            font-size: 16px;
                                        }
                                    }

                                    span {
                                        color: #024199;
                                    }

                                    p {
                                        margin-bottom: 20px;
                                        margin-top: 20px;
                                        color: #8f949a;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: calc(100vw/7.5);
    }

    .container {
        width: 355px;
        margin: 0 auto;
        overflow: hidden;
    }

    .news_warp {
        .main_pic_b {
            .container {
                padding-left: 0;
                padding-right: 0;

                .cons {
                    .title {
                        h2 {
                            margin-top: 50px;
                            margin-bottom: 0;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                            font-size: 22px;
                        }
                    }

                    .con {
                        // overflow: hidden;
                        padding: 20px 0;

                        .nav {
                            // width: 432px;
                            // float: right;


                            .nav1 {

                                cursor: pointer;

                                &:hover .box {
                                    border-color: #2b43a7;
                                }

                                &:hover h2,
                                span {
                                    color: #2b43a7;
                                }

                                &:nth-child(1) {
                                    border: 3px solid #ecedee;
                                    border-color: #2b43a7;
                                }

                                margin-bottom: 10px;

                                >div {

                                    a {
                                        text-decoration: none;
                                        color: #000;

                                        // color: #2b42a7;
                                        .box {
                                            border: 3px solid #ecedee;
                                            display: block;
                                            padding: 10px 20px;
                                            // margin-bottom: 10px;

                                            &:nth-child(3) {
                                                margin-bottom: 0;
                                            }

                                            h2 {
                                                font-size: 15px;
                                                text-overflow: ellipsis;
                                                white-space: nowrap;
                                                overflow: hidden;
                                                margin-top: 0;
                                                margin-bottom: 0;

                                            }


                                            p {
                                                overflow: hidden;
                                                text-overflow: -o-ellipsis-lastline;
                                                text-overflow: ellipsis;
                                                display: -webkit-box;
                                                -webkit-line-clamp: 2;
                                                line-clamp: 2;
                                                -webkit-box-orient: vertical;
                                                margin-bottom: 0;
                                                margin-top: 10px;
                                            }
                                        }

                                    }
                                }
                            }

                            .action {
                                // background-color: #2b42a7;

                                span {
                                    a {
                                        color: #fff;
                                    }
                                }

                            }
                        }

                        .centent {
                            // float: left;
                            // width: 400px;
                            // height: 404px;
                            margin-top: -1px;
                            // height: 100%;
                            // overflow: hidden;

                            .con1 {
                                display: none;
                                // overflow: hidden;
                                // height: 100%;

                                .box2 {

                                    a {
                                        position: relative;
                                        overflow: hidden;

                                        &:hover img {
                                            transition: 0.8s all ease;
                                            transform: scale(1.05);
                                            // overflow: hidden;
                                        }

                                        img {
                                            width: 355px;
                                            height: 199px;
                                            // height: 100%;
                                            position: absolute;
                                            // width: 100%;
                                            // height: 100%;
                                            object-fit: cover;
                                        }
                                    }
                                }
                            }

                            // .show {
                            //     display: none;
                            // }
                        }

                    }
                }
            }
        }

        .news {
            .container {
                .cons {
                    ul {
                        a {
                            text-decoration: none;
                        }

                        li {
                            overflow: hidden;
                            visibility: visible;
                            animation-duration: 1s;
                            animation-delay: 0s;
                            animation-name: fadeInUp;
                            padding: 20px 0;
                            border-bottom: 1px solid #ddd;

                            .left {
                                float: left;

                                a {
                                    img {
                                        width: 140px;
                                        height: 78px;
                                    }
                                }

                            }

                            .right {
                                float: right;

                                .con {
                                    a {
                                        h4 {
                                            margin-top: 0;
                                            color: #024199;
                                            margin-bottom: 5px;
                                            font-size: 15.4px;
                                        }
                                    }

                                    span {
                                        color: #024199;
                                    }

                                    p {
                                        display: none;
                                        margin-bottom: 20px;
                                        margin-top: 20px;
                                        color: #8f949a;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}